<!DOCTYPE html>
<html>
	<head>


		<script src="js/jquery-1.10.2.min.js"></script>
		<script src="js/nav-selection.js"></script>
	    <script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
		<script>
			function initialize() {
				var mapProp = {
					center:new google.maps.LatLng( 18.402611, -70.043228),
					zoom:15,
					mapTypeId:google.maps.MapTypeId.ROADMAP
				};
				var map=new google.maps.Map(document.getElementById("map_canvass"),mapProp);

				var marker = new google.maps.Marker({    
					position: new google.maps.LatLng( 18.402611, -70.043228),    
					map: map    
				});  
			}
			google.maps.event.addDomListener(window, 'load', initialize);
		</script>

		<link rel="stylesheet" href="css/style.css" type="text/css" />
		<meta http-equiv="content-type" content="type=text/html; charset=utf-8;" />
		
		<link rel="shortcut icon" href="img/gold.ico">
		
		<title>Golden Rod Builder</title>
	</head>

	<body>
		<div id="header">
			<div id="title-logo">
				<div id="logo">
					<img src="img/goldenlogo.png" height="150" width="150" />
				</div>
				<div id="title">
					<h1>GOLDEN ROD BUILDER</h1>
				</div>
			</div>
			<div id="navbar">
				<ul id="navlist">
					<li>
						<a href="index.html">Inicio</a>
					</li>
					<li>
						<a href="nosotros.html">Nosotros</a>
					</li>
					<li>
						<a href="servicios.html">Servicios</a>
					</li>
					<li>
						<a href="proyectos.html">Proyectos</a>
					</li>
					<li>
						<a href="contacto.html">Contacto</a>
					</li>
				</ul>
			</div>
		</div>
		<div id="content">
			<h1 class="content-title">Contáctenos</h1>
			
			<div id="contact-location">
			
				<div id="contact-info">
					<h2><strong>Golden Rod Builder SRL</strong></h2>
					<p>Avenida de los desamparados #12, Haina</P>
					<p>San Cristobal, Republica Dominicana</p>
					<p><strong>Tels:</strong> 809-880-2424 y 809-863-4716</p>
					<p><strong>Email:</strong> goldenrodbuilder@gmail.com </p>
				</div>
				
				<div id="map_canvass">
				</div>

			</div>
			
			
			
			<div id="contact-form-container">
				<h1 id="contact-form-title">Comentarios e inquietudes</h1>
				<div id="contact-form">
					<form>
						<div>Nombre: </div>
						<div>
							<input type="text" name="name"><br>
						</div>
						<br>
						
						<div>Correo: </div>
						<div>
							<input type="text" name="email">
						</div>
						<br>
						
						<div>Mensaje: </div>
						<div>
							<textarea rows="10" cols="50" type="text" name="message"></textarea>
						</div>
						<br>
						
						<div>
							<input type="submit" value="Enviar">
						</div>
					</form> 
				</div>
			</div>
			
		</div>
	<div id="footer">
			<div id="footer-services">
				<h3>Nuestros servicios</h3>
				<ul>
					<li>Construcciones metálicas y montaje de maquinarias</li>
					<li>Sistemas de bombeo y plomería industrial</li>
					<li>Cogeneración</li>
					<li>Plantas de tratamiento</li>
					<li>Automatización</li>
				</ul>
			</div>
			<div id="footer-contact">
				<p><strong>Golden Rod Builder SRL</strong></p>
				<p>Avenida de los desamparados #12, Haina</P>
				<p>San Cristobal, Republica Dominicana</p>
				<p><strong>Tels:</strong> 809-880-2424 y 809-863-4716</p>
				<p><strong>Email:</strong> goldenrodbuilder@gmail.com </p>
			</div>
			<div id="footer-image-title">
				<div id="footer-image">
					<img src="img/goldenlogo.png"  height="75" width="75" />
				</div>
				<div id="footer-title">
					<h3>GOLDEN ROD BUILDER</h3>
				</div>
			</div>
		</div>
	
	</body>
</html>